<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <!-- 
      去除图片的间隙:
      1) 设置图片的display为block
      2) 设置vertical-align属性值
     -->
    <div style="background-color: red">
      <img
        src="https://image.suning.cn/uimg/sop/commodity/183561744112666390188348_x.jpg?from=mobile&amp;format=80q.webp"
        alt=""
        style="vertical-align: middle"
      />
    </div>
  </body>
</html>
